<template>
    <div class="page">
        <h2>性能优化</h2>
        <p style="text-indent: 2em">
            性能优化主要是为了提升页面的加载速度和渲染效率，给用户带来更流畅的体验。在加载方面，我会合并网络请求、压缩图片和资源，利用浏览器缓存和CDN加速资源加载，减少重定向等，以加快页面加载速度。在渲染方面，我会减少DOM的频繁操作，使用高效的算法和避免不必要的全局搜索，来优化代码层面的性能。通过Chrome等工具进行性能监控，持续分析并优化瓶颈。总的来说，性能优化是一个持续的过程，需要综合考虑多个方面，以实现更快速、更流畅的页面体验。</p>
        <hr>
        <p>性能优化，简单来说，就是让网页加载更快，看起来更流畅，这样用户用起来就更爽了。<br>
            怎么做呢？首先，咱们得合并那些网络请求，减少不必要的加载。图片、资源什么的，都压缩一下，让它们变小点，加载起来就快多了。还有，利用浏览器的缓存功能，用户再次访问时就不用重新加载资源了，能省不少时间。<br>
            然后，咱们还得让页面渲染得更快。尽量少去折腾DOM，别让它老得重新渲染。代码方面，咱们也得用聪明点的算法，别搞得那么复杂，这样页面就能更快地显示出来了。<br>
            当然啦，这只是大概的方法。我还会用Chrome这些工具看看哪里还能优化。性能优化是个持续的过程，得不断地试、不断地改，才能让网页更快、更流畅。<br>
            总之，性能优化就是为了让用户用起来更爽，加载快、浏览顺，这样他们就更愿意用咱们的网页了。</p>
        <hr>
        <p>CDN：内容分发网络</p>
        <p>懒加载：延迟加载、按需加载</p>
        <p>回流与重绘</p>
        <p>节流与防抖</p>
        <p>图片优化</p>
        <p>Webpack优化：</p>
        <p>优化 Loader</p>
        <p>DllPlugin</p>
        <p>HappyPack</p>
    
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="less">

</style>